<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery_demo01</title>

<script src="../js/jquery-1.11.1.js"></script>
<script>
	function bigger(){
		$("p:first");
		$("p:eq(1)");
		$("p:last");
		//获取段落原来的字号(16px)
		var size=$("p").css("font-size");
		//去掉单位,以便于计算
		size=size.replace("px","");
		//字号+1,再设置给每个段落
		$("p").css("font-size",++size+"px");
	}
	function smaller(){
		//获取段落原来的字号(16px)
		var size=$("p").css("font-size");
		//去掉单位,以便于计算
		size=size.replace("px","");
		//字号+1,再设置给每个段落
		$("p").css("font-size",--size+"px");
	}

	
	
	
	
</script>

</head>
<body>

	<input type="button" value="+" onclick="bigger();"/>
	<input type="button" value="-" onclick="smaller();"/>
	<p>1.jquery是一个轻量级的框架</p>
	<p>2.它提供了简洁而且统一的API</p>
	<p>3.它极大的提高了js的编程效率</p>


</body>
</html>